*{font-family:"microsoft yahei";}
a{color:#555;}
#goodsbox{list-style:none;background:#aaa;margin:0px;}
li{height:100px;padding:10px;}
li:nth-child(2n){background:#fefefe;}
li:nth-child(2n+1){background:#eee;}
img.top{vertical-align:text-top;}
.info{width:200px;height:80px;display:inline-block;vertical-align:bottom;}
.price{margin:30px;}
.totle{margin:30px;}
.num{width:50px;}
.del{padding:5px;}
.del:hover{cursor:pointer;background:#E4007F;transition:0.5s;}
.del:hover:after{content:"Delete"}
.+{}
.-{}


#pr_box{}
.product{background:#eee;width:80px;padding:10px;float:left}
.pr_title{height:45px;;width:80px;display:block;overflow:hidden;text-overflow:ellipsis;}

#charge{background:#555;text-align:right;}
#charge button{margin-right:10%;height:40px;width:160px;background:#E4007F;border:none;color:#fff;font-size:1.3em;text-align:center;}
#charge span{color:#eee;margin-right:5%;}
#all_totle{color:#eee;margin-right:5%;}